<template>
<div class="div_main_frame" style="text-align:left;margin:0 auto;padding:0;" align="left">
  <div v-for="(d) in json_data" :key="d.title" style="border-bottom:6px solid #FFFFFF;background-color:#F5F5F6;padding-left:6px;border-radius:8px;">
    <router-link :to="{name:'result', query:{entity_name:d.entity_name,task_id:d.task_id,custom_word:d.custom_word,start_date:d.start_date,task_date:d.task_date}}"><p>实体集:<font color="blue">{{d.entity_name}}</font></p><p v-if="d.custom_word"  style="line-height:22px;">关键词:<font color="blue">{{d.custom_word}}</font></p><p>日期:{{d.start_date}}~{{d.task_date}}</p></router-link>
  </div>
</div>
</template>

<script>
  export default {
    name: 'ViewTabIndex',
    data() {
      return {
      };
    },
    props: {
      json_data: {
        type: Object,
        default: () => {}
      }
    },
  };
</script>

<style scoped>
a {
    /*background-color: #409EFF;*/
    color:#303133;
    /*font-family: Arial,Verdana,Sans-serif;*/
    font:14px arial,sans-serif;
    line-height:30px;
}
</style>
